<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>电影介绍</title>

    <link rel="stylesheet" href="css/北大青鸟课程导航.css">

    <style>

        .movie a{text-decoration: none;color: #666666}
        .movie a:hover{color: cadetblue}

    h2{ border: 1px #e0e0e8 solid;width:410px;
      font-size: 12px;
      height: 27px;
      line-height: 27px;
      padding-left: 38px;
      background-image: url("img/1.gif");
      background-repeat: no-repeat;
      background-position: 11px 7px;}

     #box{margin: 10px auto;width: 450px;}

     .text {border: 1px solid red;}
     p{border: solid yellow;margin-right: 15px;}

           .text{font-size: 12px;
            line-height: 25px;margin-left: 30px}
        .movie ul{font-size: 12px;line-height: 20px;}
        span{font-size: 12px;float: right }
       .img{float: left;}

        .top:after{
            content: '';          /*在clear类后面添加内容为空*/
            display: block;      /*把添加的内容转化为块元素*/
            clear: both; }        /*清除这个元素两边的浮动*/

    </style>



  </head>

  <body>

    <div id="box">

        <div class="title">
    <h2>明星推荐</h2>
    </div>

    <div class="top">
    <div class="img">
        <p><img src="img/子弹.gif" width="116" height="125"></p>
    </div>

    <div class="text">


     <ul>

          <li>周秀娜荐片:让子弹飞 </li>

          <li>导演：姜文 </li>

          <li>主演：姜文 周润发 葛优 </li>

          <li>点评：我最喜欢的要算《让子弹飞》了,超喜欢...[详情] </li>

     </ul>
    </div>
    </div>


    <div class="movie">

      <ul>
          <li><a href="#">《巴别塔》：好的故事引人深思</a><span>阿朵</span></li>
          <li><a href="#">《洛杉矶之战》：外星人那么弱智？</a><span>丁子俊</span></li>
          <li><a href="#">《让子弹飞》：武侠里也可以有爱情</a><span>周秀娜</span></li>
          <li><a href="#">《剑雨》：好的故事引人深思</a><span>叶年生</span></li>
          <li><a href="#">《春风沉醉的夜晚》：非常真实</a><span>如小果</span></li>
          <li><a href="#">《克洛伊》：故事简单却细致</a><span>刘若英</span></li>


      </ul>

    </div>


</div>


</div>


</body>
</html>